<<<<<<< HEAD
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>>Bootstrap 实例-进度条</title>
   2
<body>
    <div class="container">
        <h2>进度条设置文本内容</h2>
        <div class="progress" style="width: 100%; background-color: rgb(243, 6, 6);">
            <div class="progress-bar" style="width: 40%;background-color: rgb(5, 25, 245);">
                40%
            </div>
        </div>
    </div>
 <style>
     ul{
        list-style-type: none;
        overflow: hidden;
        margin: 0;
        padding: 0;
        background-color:white;
        text-transform: none;
    }
    li{
        float: left;
    }
    a{
        display: block;
        color: blue;
        text-align: center;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-decoration: none;
    }
    a:hover{
        background-color: brown;
        border-radius: 10%;
    }
    li a.sfd{
        background-color: green;
        color: aliceblue;
        border-radius: 10%;
    }
    @keyframes progressanimation{
        0%{
            width: 0%;
        }
        100%{
            width: 40%;
        }
    }
    .progress-bar{
        width: 40%;
        background-color: blue;
        height: 30px;
        color: azure;
        line-height: 30px;
        text-align: right;
        padding-right: 10px;
        animation: progressanimation 2s linear;
    }
 </style>
 <ul class="pagination">
    <li><a href="5" >&laquo;</a></li>
    <li ><a href="4">1</a></li>
    <li ><a href="3">2</a></li>
    <li><a href="2">3</a></li>
    <li><a href="1">4</a></li>
    <li><a href="0">5</a></li>
    <li><a href="9">&raquo;</a></li>
</ul>
</body>
</html>
=======
<div style="display: flex;">
    <div  style="width: 300px;height: 500px;background-color:black;">
        <img src= "d:\新建文件夹\wemeet image_20250326112730367.png" width="300px"height="75%">
    <div style="padding: 10px;">
        <p style="font-size:20px;color: white;">Yummy hamburger</p>
        <p style="color: white;">wed Mar 26 2025<br>10:59:27 GMT+0800<br>(中国标准时间)</p>
        <p style="color: white;text-align: right;font-size:20px;margin: -60px 0 0 0;">Operating</p>
    </div>
</div>
<div  style="width: 300px;height: 500px;background-color:black; margin: 0 40px;">
    <img src= "d:\新建文件夹\wemeet image_20250326112730367.png" width="300px"height="75%">
<div style="padding: 10px;">
    <p style="font-size:20px;color: rgb(245, 8, 233);">Yummy hamburger</p>
    <p style="color: rgb(18, 251, 10);">wed Mar 26 2025<br>10:59:27 GMT+0800<br>(中国标准时间)</p>
    <p style="color: rgb(248, 8, 8);text-align: right;font-size:20px;margin: -60px 0 0 0;">Operating</p>
</div>
</div>
</div>
        
>>>>>>> fe44ab8ff2d562c6ff2c7c073c312568b96e003f
